<div class="navv">
  <!-- 搜索框 -->
  <div class="top_search_box">
    <div class="tsb_out">
      <ul>
        <!-- 商品分类 -->
        <li class="tsb_product_class theme">
          <span>商品分类</span>
          <div class="tsb_logo_list"></div>
          
          <ul class="tsbll_detail">
            <!-- 3c数码 -->
            <li>
              <span class="tsblld_name">3C数码</span>
              <span class="tsblld_img "></span>
              <div class="tsblld_Y" id="tsblld_Y1">
                <ul>
                  <li>手机配件</li>
                  <li>PC配件</li>
                  <div class="ts_Y_img"><a href="#"><img src="/img/3C01.jpg" alt=""></a></div>
                </ul>
              </div>
            </li>
            <!-- 图书 -->
            <li>
              <span class="tsblld_name">图书</span>
              <span class="tsblld_img"></span>
              <div class="tsblld_Y" id="tsblld_Y2">
                <ul>
                  <li>游戏艺术</li>
                  <li>电影艺术</li>
                  <li>漫画</li>
                  <li>典藏版</li>
                  <li>典藏版</li>
                  <li>黑椒</li>
                  <li>牛肉</li>
                  <div class="ts_Y_img"><a href="#"><img src="/img/图书01.jpg" alt=""></a></div>
                </ul>
              </div>
            </li>
            <!-- 服饰 -->
            <li>
              <span class="tsblld_name">服饰</span>
              <span class="tsblld_img"></span>
              <div class="tsblld_Y" id="tsblld_Y3">
                <ul>
                  <li>T套</li>
                  <li>外套</li>
                  <li>帽子</li>
                  <li>其他</li>
                  <div class="ts_Y_img"><a href="#"><img src="/img/服饰01.jpg" alt=""></a></div>
                </ul>
              </div>
            </li>
            <!-- 家具 -->
            <li>
              <span class="tsblld_name">家具</span>
              <span class="tsblld_img"></span>
              <div class="tsblld_Y" id="tsblld_Y4">
                <ul>
                  <li>T套</li>
                  <li>外套</li>
                  <li>帽子</li>
                  <li>其他</li>
                  <div class="ts_Y_img"><a href="#"><img src="/img/家具01.jpg" alt=""></a></div>
                </ul>
              </div>
            </li>
            <!-- 模玩 -->
            <li>
              <span class="tsblld_name">模玩</span>
              <span class="tsblld_img"></span>
              <div class="tsblld_Y" id="tsblld_Y5">
                <ul>
                  <li>寿屋</li>
                  <li>可动手办</li>
                  <li>毛绒玩具</li>
                  <li>道具模型</li>
                  <li>雕像</li>
                  <li>多美宝可</li>
                  <li>Good Smile</li>
                  <li>Hot Toys</li>
                  <div class="ts_Y_img"><a href="#"><img src="/img/模玩01.jpg" alt=""></a></div>
                </ul>
              </div>
            </li>
            <!-- 饰品 -->
            <li>
              <span class="tsblld_name">饰品</span>
              <span class="tsblld_img"></span>
              <div class="tsblld_Y" id="tsblld_Y6">
                <ul>
                  <li>徽章</li>
                  <li>钥匙扣/挂件</li>
                  <li>首饰</li>
                  <div class="ts_Y_img"><a href="#"><img src="/img/饰品01.jpg" alt=""></a></div>
                </ul>
              </div>
            </li>
            <!-- 箱包 -->
            <li>
              <span class="tsblld_name">箱包</span>
              <span class="tsblld_img"></span>
              <div class="tsblld_Y" id="tsblld_Y7">
                <ul>
                  <li>双肩背包</li>
                  <li>单间背包</li>
                  <li>钱包/卡包</li>
                  <li>行李箱</li>
                  <div class="ts_Y_img"><a href="#"><img src="/img/箱包01.jpg" alt=""></a></div>
                </ul>
              </div>
            </li>
            <!-- 文具 -->
            <li>
              <span class="tsblld_name">文具</span>
              <span class="tsblld_img"></span>
              <div class="tsblld_Y" id="tsblld_Y8">
                <ul>
                  <li>笔记本</li>
                  <li>其它</li>
                  <div class="ts_Y_img"><a href="#"><img src="/img/文具01.jpg" alt=""></a></div>
                </ul>
              </div>
            </li>
          </ul>
        </li>


        <!-- 主题分类 -->
        <li class="tsb_theme_class theme">
          <span>主题分类</span>
          <div class="tsb_logo_list"></div>
          <ul class="ttc_detail">
            <li>
              <span class="ttc_detail_name">Game</span>
              <span class="ttc_detail_img "></span>
              <div class="tsbtc_Z" id="tsbtc_Z1">
                <ul>
                  <li>
                    <a href="#"><img src="/img/game01.jpg" alt=""></a>
                  </li>
                  <li>
                    <a href="#"><img src="/img/game02.jpg" alt=""></a>
                  </li>
                  <li>
                    <a href="#"><img src="/img/game03.jpg" alt=""></a>
                  </li>
                  <li>
                    <a href="#"><img src="/img/game04.jpg" alt=""></a>
                  </li>
                  <li>
                    <a href="#"><img src="/img/game05.jpg" alt=""></a>
                  </li>
                  <li>
                    <a href="#"><img src="/img/game06.jpg" alt=""></a>
                  </li>
                  <li>
                    <a href="#"><img src="/img/game07.jpg" alt=""></a>
                  </li>
                  <li>
                    <a href="#"><img src="/img/game08.jpg" alt=""></a>
                  </li>
                  <li>
                    <a href="#"><img src="/img/game09.jpg" alt=""></a>
                  </li>
                  <li>
                    <a href="#"><img src="/img/game10.jpg" alt=""></a>
                  </li>

                </ul>
              </div>
            </li>
            <li>
              <span class="ttc_detail_name">Game</span>
              <span class="ttc_detail_img "></span>
              <div class="tsbtc_Z" id="tsbtc_Z2">
                <ul>
                  <li>
                    <a href="#"><img src="/img/game01.jpg" alt=""></a>
                  </li>
                  <li>
                    <a href="#"><img src="/img/game02.jpg" alt=""></a>
                  </li>
                  <li>
                    <a href="#"><img src="/img/game03.jpg" alt=""></a>
                  </li>
                  <li>
                    <a href="#"><img src="/img/game04.jpg" alt=""></a>
                  </li>
                  <li>
                    <a href="#"><img src="/img/game05.jpg" alt=""></a>
                  </li>
                  <li>
                    <a href="#"><img src="/img/game06.jpg" alt=""></a>
                  </li>
                  <li>
                    <a href="#"><img src="/img/game07.jpg" alt=""></a>
                  </li>
                  <li>
                    <a href="#"><img src="/img/game08.jpg" alt=""></a>
                  </li>
                  <li>
                    <a href="#"><img src="/img/game09.jpg" alt=""></a>
                  </li>
                </ul>
              </div>
            </li>
          </ul>
        </li>


        <!-- 中间搜索框 -->
        <li class="tsb_seachbox">
          <input type="text" placeholder="搜索" class="tsb_seachbox_input">
          <span class="aaa tsb_search_btn"></span>
        </li>


        <!-- 登录框 -->
        <li class="theme tsb_login_box">
          <!-- 登录锁 -->
          <div class="tlb_to">
            <span class="bbb"></span>
            <span class="ccc">登录</span>
            <div class="tsblb_box">
              <input type="text" class="tsblb_username" placeholder="账号/邮箱/手机"> <br>
              <input type="text" class="tsblb_password" placeholder="密码"> <br>
              <button class="tsblb_login">登录</button>
              <div class="bsblb_bottom">
                <span><a href="/html/register.html">免费注册</a></span>
                <span><a href="#">忘记密码？</a></span>
              </div>
            </div>
          </div>

          <div class="tlb_new">
            <span class="tlbn_username">30233</span>
            <span class="tlbn_img"></span>
            <div class="tlbn_outbox">
              <div class="tlbn_S"></div>
              <ul>
                <li>
                  <span class="tlbno_center tlbno_center1">个人中心</span>
                  <span class="tlbno_img"></span>
                </li>
                <li>
                  <span class="tlbno_out tlbno_center1">退出</span>
                  <span class="tlbno_img"></span>
                </li>
              </ul>
            </div>
          </div>
        </li>



        <!-- 订单 -->
        <li class="theme tsb_order_list">
          <div>
            <span>订单（</span>
            <span>0</span>
            <span>）</span>
          </div>
        </li>
        <!-- 购物车 -->
        <li class="theme tsb_shopping_cart" onclick="window.open('/html/shopping_cart.html')">
          <div>
            <span class="tsc_eee">0</span>
            <span class="ddd">购物车</span>
          </div>
        </li>
      </ul>
    </div>
  </div>
  <!-- 下面的链接 -->
  <div class="link_container">
    <div class="lc_w">
      <ul style="display: flex;">
        <li>
          <span><a href="/html/new_product.html?id=0">新品上市</a></span>
        </li>
        <li>
          <span><a href="/html/new_product.html?id=1">热销精选</a></span>
        </li>
        <li>
          <span><a href="/html/new_product.html?id=2">限量收藏</a></span>
        </li>
        <li>
          <span><a href="/html/new_product.html?id=3">抢先预定</a></span>
        </li>
        <li>
          <span><a href="/html/product_detail.html?id=4">限量推春</a></span>
        </li>
        <li>
          <span><a href="/html/shopping_cart.html?id=5">特价折扣</a></span>
        </li>
        <li>
          <span><a href="/html/new_product.html?id=6" style="color: red;">FANTHFUL</a></span>
        </li>
      </ul>
    </div>
  </div>
</div>

<div class="container">
    <div class="c_link_img">
      <ul id="pro_imgs">
        <script type="text/html" id="pi_imgs">
          {{each proImg item}}
          <li>
            <a href="/html/new_product.html?themeTwo={{item.id}}"><img src="{{item.imgUrl}}" alt=""></a>
          </li>
          {{/each}}
        </script>
      </ul>
    </div>
</div>